<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>添加资源-嵩县全域智慧旅游产业大数据和决策分析云平台</title>
    <link rel="stylesheet" href="../../assets/plugin/M_select/M_select.css">
    <link rel="stylesheet" href="../../assets/plugin/bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../../assets/css/public.css">
    <link rel="stylesheet" href="../../assets/css/common.css">
    <link rel="stylesheet" href="../../assets/css/member.css">
    <link rel="stylesheet" href="../../assets/css/addResource.css">
</head>
<body>
<div class="box">
    <!--头部-->
    <div class="title-box">
        <div class="title-left">
            <span id="weather">小雨转晴</span>
            <span id="temperature">32/23℃</span>
            <span id="windPower">东风</span>
        </div>
        <div class="title-img">
            <h3>嵩县全域智慧旅游产业大数据和决策分析云平台</h3>
            <img src="../../assets/images/title-bg.png">
        </div>
        <div class="title-right">
            <a href="../index/index.html">大数据中心</a>
        </div>
    </div>
    <!--主体-->
    <div class="main-box">
        <!--导航-->
        <div class="nav-box">
            <div class="member-box">
                <img src="../../assets/images/admin.png" alt="">
                <p>admin</p>
                <p><a href="javascript:;">密码修改</a><a>退出</a></p>
            </div>
            <ul>

                <li class="active">
                    <a href="./index.html">
                        <div>
                            <img src="../../assets/images/icon-analysis.png">
                            <img src="../../assets/images/icon-analysis-active.png">
                        </div>
                        <p>旅游要素管理</p>
                    </a>
                </li>
            </ul>
        </div>
        <!--数据内容-->
        <div class="content-box flex-column">
            <div class="content-nav">
                <ul>
                    <li class="active">
                        <a href="javascript:;">添加旅游资源</a>
                    </li>
                </ul>
            </div>
            <div class="member-box">
                <form class="form-horizontal">
                    <div class="form-group">
                        <label for="scenic-name" class="col-sm-1 control-label">景区名称</label>
                        <div class="col-sm-4">
                            <input type="email" class="form-control" id="scenic-name" placeholder="请输入景区名称">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-1 control-label">景区等级</label>
                        <div class="select-box col-sm-2">
                            <select name="" id="select-level" class="member">
                                <option value="0">5A</option>
                                <option value="1">4A</option>
                                <option value="1">3A</option>
                                <option value="1">2A</option>
                                <option value="1">A</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-1 control-label">分类</label>
                        <div class="select-box col-sm-2">
                            <select name="" id="select-classify" class="member">
                                <option value="0">游览景区</option>
                                <option value="1">游览景区</option>
                                <option value="1">游览景区</option>
                                <option value="1">游览景区</option>
                                <option value="1">游览景区</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group align-center">
                        <label class="col-sm-1 control-label">区域</label>
                        <div class="select-box col-sm-2 pdr-5">
                            <select name="" class="member">
                                <option value="0">河南省洛阳市嵩县</option>
                            </select>
                        </div>
                         <div class="select-box col-sm-2 pd-0">
                            <select name="" id="select-area" class="member">
                                <option value="0">车村镇</option>
                                <option value="1">德亭镇</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="scenic-address" class="col-sm-1 control-label">景区地址</label>
                        <div class="col-sm-4">
                            <input type="email" class="form-control" id="scenic-address" placeholder="请输入景区地址">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="open-time" class="col-sm-1 control-label">开放时间</label>
                        <div class="col-sm-4">
                            <input type="email" class="form-control" id="open-time" placeholder="请输入景区开放时间">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="ticket-price" class="col-sm-1 control-label">门票价格</label>
                        <div class="col-sm-2">
                            <input type="email" class="form-control" id="ticket-price" placeholder="请输入门票价格">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="play-time" class="col-sm-1 control-label">建议游玩时长</label>
                        <div class="col-sm-2">
                            <input type="email" class="form-control" id="play-time" placeholder="请输入建议游玩时长">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="scenic-introduce" class="col-sm-1 control-label">景区介绍</label>
                        <div class="col-sm-6">
                            <textarea class="form-control" rows="10" id="scenic-introduce" placeholder="请输入景区介绍"></textarea>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="scenic-introduce" class="col-sm-2 control-label">上传图片</label>
                       <div class="col-sm-6">
                         <div id="drop_area"></div>
                       </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-offset-1 col-sm-1">
                            <button type="submit" class="add-btn">提交</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<script src="../../assets/plugin/jquery.min.js"></script>
<script src="../../assets/plugin/M_select/M_select.js"></script>
<script src="../../assets/plugin/jqueryupload/upload.js"></script>
<script src="../../assets/js/member.js"></script>
<script type="text/javascript">
    var dragImgUpload = new DragImgUpload("#drop_area",{
        callback:function (files) {
            //回调函数，可以传递给后台等等
            var file = files[0];
            console.log(file.name);
        }
    })

</script>
</body>
</html>
